extends layout
block content
    p#demo
append scripts
    script.
        <!-- 以下所有均省略 window. -->
        // window 下面的方法涵盖所有浏览器, 浏览器的视口, 不包括工具栏和滚动条
        var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        x = document.getElementById("demo");
        x.innerHTML = "浏览器window宽度: " + w + ", 高度: " + h + ' , 单位: 像素'
        console.log('window.innerWidth: ' + window.innerWidth);
        console.log('document.documentElement.clientWidth: ' + document.documentElement.clientWidth);
        console.log('document.body.clientWidth: ' + document.body.clientWidth);
        document.write("window.outerWidth: " + window.outerWidth + ', window.outerHeight: ' + window.outerHeight + '</br>')
        // screen, 整个屏幕, 但不包含窗口任务栏
        document.write("screen.availWidth 可用宽度: " + screen.availWidth);  // 宽度和上面的视口宽度相同, 都是屏幕的宽度
        document.write(", screen.availHeight 可用高度: " + screen.availHeight + '</br>');  // 高度比视口的高度大, 包含工具栏, 但不包含窗口任务栏
        document.write("screen 宽度: " + screen.width);  // 宽度和上面的视口宽度相同, 都是屏幕的宽度
        document.write(", screen 高度: " + screen.height + "</br>");  // 高度比视口的高度大, 包含工具栏, 但不包含窗口任务栏
        document.write("screen.colorDepth: " + screen.colorDepth)  // 返回颜色位数 24
        // location
        console.log(location.href, ' ', location.pathname, ' ', location.port, ' ', location.protocol);  // href: 当前页面的 URL
        // history, 加载历史列表中的 前一个, 后一个 URL
        history.back()
        history.forward()
        // navigator, 来自 navigator 对象的信息具有误导性, 不应该被用于检测浏览器版本
        console.log("浏览器代号: " + navigator.appCodeName);
        console.log("浏览器名称: " + navigator.appName);
        console.log("浏览器版本: " + navigator.appVersion);
        console.log("启用Cookies: " + navigator.cookieEnabled);
        console.log("硬件平台: " + navigator.platform);
        console.log("用户代理: " + navigator.userAgent);
        console.log("用户代理语言: " + navigator.systemLanguage);
        // pop window
        alert('警告框\\nHello');
        var x = confirm('确认框');  // 返回 True or False
        var x = prompt('提示框');  // 有输入框, 点击确认返回输入字符串, 点击取消返回 null
        console.log(x);
